<ui:composition template="/dynamic/layout/layout.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<ui:define name="content">
		<div id="welcome">
			<p style="clear: both" />
		</div>

		<h:form id="formUsers">
			<p:dataTable id="dataTable" var="user" value="#{userMBean.users}"
				rows="12" paginator="true"
				paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
				rowsPerPageTemplate="9,12,15" paginatorPosition="bottom"
				widgetVar="userTable" filteredValue="#{userMBean.filteredUsers}"
				emptyMessage="Nie znaleziono żadnych użytkowników.">
				<f:facet name="header">
					<p:outputPanel style="float:right">
						<h:outputText value="Szukaj użytkowników:" />
						<p:inputText id="globalFilter" onkeyup="userTable.filter()"
							style="width:150px" />
					</p:outputPanel>
				</f:facet>
				<p:column sortBy="username" headerText="Nazwa użytkownika"
					filterBy="username" filterMatchMode="contains">
					<h:outputText value="#{user.username}" />
				</p:column>

				<p:column sortBy="name" headerText="Imie użytkownika"
					filterBy="name" filterMatchMode="contains">
					<h:outputText value="#{user.name}" />
				</p:column>

				<p:column sortBy="secondName" headerText="Nazwisko użytkownika"
					filterBy="secondName" filterMatchMode="contains">
					<h:outputText value="#{user.secondName}" />
				</p:column>

				<p:column headerText="Akcje">
					<p:commandLink title="Pokaż" action="#{userMBean.showUser}"
						ajax="false">
						<img
							src="${facesContext.externalContext.requestContextPath}/static/images/pokaz.PNG"
							alt="Pokaż" />
						<f:param value="#{user.username}" name="userId" />
					</p:commandLink>

					<p:commandLink title="Edytuj" action="#{userMBean.editUser}"
						ajax="false" rendered="#{request.isUserInRole('ROLE_ADMIN')}">
						<img
							src="${facesContext.externalContext.requestContextPath}/static/images/edytuj.PNG"
							alt="Edytuj" />
						<f:param value="#{user.username}" name="userId" />
					</p:commandLink>
				</p:column>
			</p:dataTable>
		</h:form>
		<div id="main_content"></div>

	</ui:define>
</ui:composition>